﻿<!DOCTYPE html>
<html manifest="/manifest/main.appcache">
<head>
  <meta charset="utf-8">
  <title>上海全景-上海超级全景- 亚洲最大全景图 - 1950亿像素 | 超级像素是上海景坤科技自主研发产品，我们通过一座城、一幅图的方式，用照片代替讲述，用细节感受真实，是城市及景区在互联网推广的最佳方式！</title>
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="keywords" content="">
  <meta name="description" content="">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
  <meta http-equiv="X-UA-Compatible" content="IE=9" />
  <link rel="icon" type="image/png" href="http://cdn.bigpixel.cn/www/images/favicon.ico">
  <link rel="stylesheet" href="http://cdn.bigpixel.cn/www/bigpixel-web/css/bootstrap.min.css">
  <link rel="stylesheet" href="http://cdn.bigpixel.cn/www/bigpixel-web/css/animate.min.css">
  <link rel="stylesheet" href="/stylesheets/home.css">
  <!--[if lt IE 9]>
  <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->
  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
</head>

<body data-spy="scroll" data-target=".navbar-collapse">
<!-- 导航开始 -->
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="row">
      <div class="navbar-header">
        <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="icon icon-bar"></span>
          <span class="icon icon-bar"></span>
          <span class="icon icon-bar"></span>
        </button>
        <a href="javascript:void(0);" class="navbar-brand"><h3 class="logo"><img src="http://cdn.bigpixel.cn/www/0722/logo.png" width="100%" alt=""></h3></a>
      </div>
      <div class="collapse navbar-collapse">
        <ul class="nav navbar-nav navbar-right">
          <li class="active"><a href="#home" class="smoothScroll">首页</a></li>
          <li><a href="#go_about" class="smoothScroll">关于</a></li>
          <li><a href="#go_work" class="smoothScroll">作品</a></li>
          <li><a href="#go_pricing" class="smoothScroll">花絮</a></li>
          <li><a href="#go_contact" class="smoothScroll">联系我们</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>
<!-- 导航end -->
<!-- start banner -->
<div id="home" class="text-center">
  <!--方案1-start-->
  <div class="templatemo_headerimage">
    <div class="flexslider">
      <ul class="slides">
        <li>
          <img src="http://cdn.bigpixel.cn/www/bigpixel-web/img/ban1.jpg" alt="Slide 1">
          <div class="slider-caption">
            <div class="templatemo_homewrapper">
            <h1 class="wow fadeInDown" data-wow-delay="2000">312亿像素看深圳</h1>
            <h2 class="wow fadeInDown" data-wow-delay="2000">
            <span class="rotate">俯瞰深圳、遥望香港</span>
            </h2>
            <!--<p>it is built on html5, css3, bootstrap, and much more!</p>-->
            <a href="http://honor.bigpixel.cn" target="_blank" class="smoothScroll btn btn-default wow fadeInDown" data-wow-delay="2000">查看</a>
            </div>
          </div>
        </li>
        <li>
          <img src="http://cdn.bigpixel.cn/www/bigpixel-web/img/ban2.jpg" alt="Slide 2">
          <div class="slider-caption">
            <div class="templatemo_homewrapper">
              <h1 class="wow fadeInDown" data-wow-delay="2000">249亿像素上海外滩</h1>
              <h2 class="wow fadeInDown" data-wow-delay="2000">
              <span class="rotate">中国第一个超百亿像素全景照片</span>
              </h2>
               <!--<p>see caniuse.com for browser compatibility information</p>-->
                <a href="/panos/sh-waitan" target="_blank" class="smoothScroll btn btn-default wow fadeInDown" data-wow-delay="2000">查看</a>
            </div>
          </div>
        </li>
        <li>
        <img src="http://cdn.bigpixel.cn/www/bigpixel-web/img/ban3.jpg" alt="Slide 3">
        <div class="slider-caption">
          <div class="templatemo_homewrapper">
            <h1 class="wow fadeInDown" data-wow-delay="2000">亚洲最大尺度，1950亿像素</h1>
            <h2 class="wow fadeInDown" data-wow-delay="2000">
              <span class="rotate">站在东方明珠俯瞰全景上海</span>
            </h2>
            <!--<p>see caniuse.com for browser compatibility information</p>-->
            <a href="http://sh-meet.bigpixel.cn" target="_blank" class="smoothScroll btn btn-default wow fadeInDown" data-wow-delay="2000">查看</a>
          </div>
        </div>
        </li>
      </ul>
    </div>
  </div>
  <!--方案1-end-->
</div>
<!-- end banner -->
<div id="go_about"></div>
<!-- start newsletter -->
<div id="newsletter" class="text-center">
  <div class="container">
    <div class="row">
      <div class="  col-md-12 wow fadeInLeft" data-wow-delay="2000">
        <h3>关于我们</h3>
        <!--<h2>Digital Studio in Bangkok</h2>-->
        <p><strong>景坤科技</strong>国际顶级的数字城市（景区）名片提供商，也是中国唯一一家专注创作百亿级像素以上超级全景的科技公司。2014年10月我们发布中国最大的全景图“249亿像素上海外滩”获得了3000多万的访问，通过手机朋友圈转发分享，引起了国内外网友的惊呼。</p>
        <p>2015年6月上海新闻办公室联合<strong>景坤科技</strong>、<strong>ELLE中国</strong>、<strong>凤凰文化</strong>、<strong>佳能</strong>、<strong>东方明珠塔</strong>，在东方明珠塔创作了世界第三大全景图，尺寸高达1950亿像素 的上海超级全景。并在意大利米兰世博会上海周上给观众带来胜过身临其境的感受。</p>
        <p>超级全景360度记录一座精细城市，无论是城市规划或是行人车辆亦或景点故居。在主动中去发现，在探索者获得乐趣，成为了解城市的第一入口。景坤科技，试图用一张图解释一座城，将城市的宏观规划与居民的微观生活达到完美统一。用照片代替讲述，用细节感受真实！虽然我们不能比肩清明上河图的伟大，但在追求对城市表达的同样理念。</p>
        <p>每一幅超级全景，景坤科技会将其切成几百万个小图，分发到云端，保障在不同设备终端，上百万人峰值访问的同时，体验畅快淋漓的探索。2015年我们正式开启中国超级全景世界，非常欢迎政府、媒体和品牌加入到这全新的创作。让城市+超级像素+云端的方式，走向全球！</p>
      </div>
    </div>
  </div>
</div>
<!-- end newsletter -->
<div id="go_work"></div>
<!-- start 更多作品 -->
<div id="work" class="text-center">
  <div class="find-block container-default">
    <div class="find-title">
      <span class="title">作品集</span>
      <span class="sub">带你感受从未有过的体验</span>
    </div>
    <ul class="panorama-list common-list grid-default">
      <!-- Common/common-item END-->
    </ul>
</div>
</div>
<!-- end 更多作品 -->
<div id="go_pricing"></div>
<!-- start 视频播放-->
<div id="pricing" class="text-center">
  <div class="container">
    <div class="row">
      <div class="col-md-12 wow fadeInDown" data-wow-delay="2000">
        <h3>拍摄花絮</h3>
      </div>
      <div class="title">
        <h3>最大手机全景图片诞生记</h3>
      </div>
      <div class="video-box">

        <div style="position:relative;">
          <div id="dummy" style="position:relative;"></div>
          <script type="text/javascript">
            var videoWidth = 1280, videoHeight = 720, elementWidth = document.getElementById('dummy').offsetWidth;
            var videoHtml = '<video id="alt-player-ios" width="$WIDTH$" height="$HEIGHT$" src="http://cdn.bigpixel.cn/videos/honor-bigpixel-720p.mp4" poster="http://cdn.bigpixel.cn/videos/honor-bigpixel-720p.jpg" loop controls -webkit-playsinline > <object width="1280" height="720" type="application/x-shockwave-flash" data="/scripts/player.swf"> <param name="movie" value="/scripts/player.swf" /><param name="flashvars" value="controls=true&file=http://cdn.bigpixel.cn/videos/honor-bigpixel-720p.mp4" /><img src="http://cdn.bigpixel.cn/videos/honor-bigpixel-720p.jpg" width="1280" height="720" title="No video playback capabilities" /></object></video>';
              if (elementWidth > 80 && videoWidth > 0 && videoHeight > 0) {
              var width = elementWidth + 'px';
              var height = parseInt(elementWidth * videoHeight / videoWidth) + 'px';
              document.write(videoHtml.replace('$WIDTH$', width).replace('$HEIGHT$', height));
            } else {
              document.write(videoHtml.replace('$WIDTH$', '100%').replace('$HEIGHT$', 'auto'));
            }
          </script>
          <div id="play-on-click-loading" style="position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:-1;"></div>
        </div>
      </div>
  </div>
  </div>
</div>
<!-- end 视频播放 -->
<div id="cooperate" class="container">
  <div class="logo_text"><h3>合作伙伴</h3></div>
  <ul>
    <li class="elle logo"><img src="http://cdn.bigpixel.cn/www/partners/elle@256x256.png" /></li>
    <li class="fengh logo"><img src="http://cdn.bigpixel.cn/www/partners/phoenix@256x256.png" /></li>
    <li class="canon logo"><img src="http://cdn.bigpixel.cn/www/partners/canon@256x256.png" /></li>
    <li class="sh logo"><img src="http://cdn.bigpixel.cn/www/partners/qingdaoxwb@256x256.png" /></li>
    <li class="midi logo"><img src="http://cdn.bigpixel.cn/www/partners/midi@256x256.png" /></li>
    <li class="tower logo"><img src="http://cdn.bigpixel.cn/www/partners/OrientalTower@256x256.png" /></li>
    <li class="huawei logo"><img src="http://cdn.bigpixel.cn/www/partners/huawei@256x256.png" /></li>
    <li class="qingdao logo"><img src="http://cdn.bigpixel.cn/www/partners/shanghaixwb@256x256.png" /></li>
  </ul>
</div>
  <div id="go_contact"></div>
<!-- start contact -->
<div id="contact" class="text-center">
  <div class="container">
    <div class="row">
      <div class="col-md-12 wow fadeInDown" data-wow-delay="2000">
        <h3>联系我们</h3>
      </div>
    </div>
    <div data-wow-delay="0.3s" class="col-sm-4 col-md-4 bdr-fade">
      <div class="thumbnail">
        <img alt="" src="http://cdn.bigpixel.cn/www/0722/wx1.png">
      </div>
    </div>
    <div data-wow-delay="0.3s" class="col-sm-4 col-md-4 bdr-fade">
      <div class="thumbnail">
        <img alt="" src="http://cdn.bigpixel.cn/www/0722/wx2.png">
      </div>
    </div>
    <div data-wow-delay="0.3s" class="col-sm-4 col-md-4 bdr-fade">
      <div class="thumbnail">
        <img alt="" src="http://cdn.bigpixel.cn/www/0722/wx3.png">
      </div>
    </div>
  </div>
</div>
<div class="container" style="padding-top:10px">
  <p class="col-md-6">华南地区联系人：刘健君  </p><p class="col-md-6">电话：13316953633</p>
</div>
<!-- end contact -->
<script src="http://apps.bdimg.com/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="http://cdn.bigpixel.cn/www/bigpixel-web/js/smoothscroll.js"></script>
<script src="http://cdn.bigpixel.cn/www/bigpixel-web/js/jquery.flexslider.js"></script>
<script type="text/javascript">
  var mob=false;
  var system ={
    win : false,
    mac : false,
    xll : false
  };
  var p = navigator.platform;
  system.win = p.indexOf("Win") == 0;
  system.mac = p.indexOf("Mac") == 0;
  system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
  if(system.win||system.mac||system.xll){//转向后台登陆页面
  }else{
    mob=true;
    $(".templatemo_homewrapper h2").css("margin-top","3px");
  }
  $(".smoothScroll").on('click',function(){
    if(mob){
      $(".navbar-collapse").removeClass('in');
    }
  });
  function work_list(){
    $.ajax({
      type:'get',
      url:'/service/panos',
      dataType:'json',
      data:'',
      success:function(body){
        var data = body;
        var list_len=data.length;
        $("#work ul").append(
                '<li class="grid-item panorama-item panorama-4x first-li">\
                <div class="data-picture img-fill img-cover loading" >\
        <a href="'+data[0].url+'" target="_blank">\
        <span > <img  src="'+data[0].thumbPath+'thumb@530x530.jpg">\
        </span></a></div><div class="info"> <p class="title">'+data[0].title+'</p>\
        <p class="author"><a href="'+data[0].url+'">超级全景</a></p> </div></li>'
        );
        for(var i=1;i<list_len;i++){
          $("#work ul").append(
              ' <li class="grid-item grid-530 panorama-item grid-li">\
              <div class="data-picture img-fill img-cover loading">\
          <a href="'+data[i].url+'" target="_blank">\
          <span ><img  src="'+data[i].thumbPath+'thumb@530x250.jpg">\
          </span></a> </div><div class="title-bar">\
          <span class="title" >'+data[i].title+'</span></div></li>'
          );
        }
        if(mob){
          $(".container-default").css("width","98%");
          $("ul .first-li").css("width","100%").removeClass("panorama-4x");
          $("ul .first-li").css("height","auto");
          $(".grid-default  .grid-li").addClass("cur").removeClass("grid-item");
          $("#cooperate .logo").css("padding-right","20px");
        }
      },
      error:function(err){
        //alert(err);
      }
    });
  }
  function ie9(){
    var ban_h=$(".templatemo_headerimage").height();
    var ie_h=$(".templatemo_homewrapper").height()/2;
    $(".templatemo_homewrapper").addClass("ie_cur");
    var ie_w=$(".templatemo_homewrapper").width()/2;
    $(".templatemo_homewrapper").css({"margin-top":-ie_h,"margin-left":-ie_w});
    $(".templatemo_homewrapper").css("top","50%");
    $(".templatemo_homewrapper").css("left","50%");
    $(".container .row .navbar-collapse").css("display","block");
    $(".container .row .navbar-collapse").css("visibility","visible");
    $(".container .row .navbar-collapse li").css("float","left");
    $(".navbar-header").css("float","left");
    $(".navbar-right").css("float","right");
    $(".navbar-toggle").css("display","none");
    $("#contact").css("background","#ccc");
  }
  var socialinfo = {
    title:"上海景坤科技",
    desc:"中国目前唯一一家专注创作百亿级像素以上超级全景的科技公司",
    link:window.location.href.replace(window.location.hash, ''),
    imgUrl:'http://cdn.bigpixel.cn/www/images/logo@128x128.png'
  };
  var ua = navigator.userAgent.toLowerCase();
  if(ua.match(/MicroMessenger/i)=="micromessenger") {
    initWechatShare();
  }
  //分享初始化
  function initWechatShare() {
    $.getJSON('http://srv.bigpixel.cn/api/weixin/getsignature?url=' + encodeURIComponent(socialinfo.link)).done(function (data) {
      console.log(data);
      wx.config({
        debug: false,
        appId: data.appId,
        timestamp: data.timestamp,
        nonceStr: data.nonceStr,
        signature: data.signature,
        jsApiList: ['onMenuShareTimeline', 'onMenuShareQQ', 'onMenuShareAppMessage', 'onMenuShareWeibo']
      });
      wx.ready(function () {
        wx.onMenuShareTimeline(socialinfo);
        wx.onMenuShareAppMessage(socialinfo);
        wx.onMenuShareQQ(socialinfo);
        wx.onMenuShareWeibo(socialinfo);
      });
    });
  };
$(document).ready(function(){
  work_list();
  $('.flexslider').flexslider({
    animation: "fade",
    directionNav: false
  });
  if(navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion .split(";")[1].replace(/[ ]/g,"")=="MSIE7.0") {ie9(); }
  else if(navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion .split(";")[1].replace(/[ ]/g,"")=="MSIE8.0") {ie9();}
  else if(navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion .split(";")[1].replace(/[ ]/g,"")=="MSIE9.0") { ie9(); }
});
</script>
<!-- 谷歌、百度统计代码 -->
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-56983622-1');ga('send', 'pageview');
  var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "//hm.baidu.com/hm.js?00e4d98773c02201bbd493815c0cb964"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s);})();
</script>
</body>
</html>